<div class="clear-transform">
  <ti-leftmenu
    [(reloadState)]="reloadState"
    [(active)]="active"
    [routable]="false"
    (collapsedChange)="toggleClick($event)"
    style="width: 200px"
  >
    <ti-leftmenu-level1 [item]="m1" *ngFor="let m1 of items">
      <ti-leftmenu-item (click)="itemClickHandle(m1)">
        <span>{{ m1.label }}</span>
      </ti-leftmenu-item>
      <ti-leftmenu-level2 [item]="m2" (click)="itemClickHandle(m2)" *ngFor="let m2 of m1.children">
        <span>{{ m2.label }}</span>
      </ti-leftmenu-level2>
    </ti-leftmenu-level1>
  </ti-leftmenu>
  <div *ngIf="reloadState" class="p-4" [ngStyle]="{marginLeft : marginLeft}">
    <div *ngIf="active === items[0].children[0]">子菜单 1.1 的内容</div>
    <div *ngIf="active === items[0].children[1]">子菜单 1.2 的内容</div>
    <div *ngIf="active === items[1]">
      <h3>菜单二的内容</h3>
    </div>
  </div>
</div>
<h4 class="my-4">事件日志：</h4>
<demo-log [logs]="myLogs"></demo-log>
